import React from 'react';
import { usePermission } from '@/store/hook';

// 权限按钮组件 - 只有拥有指定权限的用户才能看到和点击该按钮
const AuthButton = ({ permission, children, ...props }) => {
  const { hasPermission } = usePermission();

  // 如果用户拥有该权限，则渲染按钮，否则不渲染
  return hasPermission(permission) ? React.cloneElement(children, props) : null;
};

export default AuthButton;
